@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-29 16:02:17
 * @version $Id$
 */
 @import '../../../public_src/css/lessParams.less';
 html{
 	font-size: 750px;
 	display: block!important;
 }
.remark{
	min-height: 100%;
	background-color: #ebebeb;
	font-size: 30*@font-cale;
	color: #5f5f5f;
	padding-top:80*@font-cale;
	padding-bottom:120*@font-cale;
	overflow-x: hidden;
	ul{
		margin: 0;
		padding: 0;
	}
	a{
		color: #a8a8a8;
		text-decoration: none;
	}
	ul,li{
		list-style: none;
		overflow: hidden;
	}
		
	.remark-container{
		border: 1px solid transparent;
		.remarks{
			.remark-li{
				padding: 25*@font-cale 30*@font-cale;
				border-bottom: 1px solid #ddd;
			}
			.li-header{
				margin: 0;
				font-size: 24*@font-cale;
				font-weight: 300;
				color: #acacac;
			}
			.content{
				font-size: 30*@font-cale;
				color: #5f5f5f;
				padding-top: 10*@font-cale;
				img{
					max-height: 124*@font-cale;
				}
			}
		}
	}
	.send-msg{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100*@font-cale;
		font-size: 0;
		padding: 14*@font-cale;
		padding-right: 20*@font-cale;
		background-color: #f4f4f6;
		border-top: 1px solid #dddddd;
		justify-content: center;
		-webkit-justify-content: center;
		align-content: center;
		-webkit-align-content: center;
		.send-input{
			//width: 526*@font-cale;
			width: 500*@font-cale;
			height: 70*@font-cale;
			padding: 22*@font-cale;
			border: 1px solid #dddddd;
			border-radius: 8px;
			font-size: 32*@font-cale;
			vertical-align: middle;
		}
		.send-img{
			position: relative;
			margin: 5*@font-cale 20*@font-cale;
			margin-right: 0;
			width: 70*@font-cale;
			height: 60*@font-cale;
			background: data-uri('../imgs/send_img.png') no-repeat center center;
			background-size: 100%;
			vertical-align: middle;
			.img-input{
				opacity: 0;
				position: absolute;
				width: 70*@font-cale;
				height: 60*@font-cale;
				top: 0;
				left: 0;
			}
		}
		.send-btn{
			background-color: #4d90fe;
			color: #fff;
			border-radius: 8*@font-cale;
			font-weight: 300;
			font-size: 28*@font-cale;
			height: 60*@font-cale;
			margin: 5*@font-cale 0;
			margin-left: 20*@font-cale;
			padding-left: 12*@font-cale;
			padding-right: 12*@font-cale;
			vertical-align: middle;
    	width: 100*@font-cale;
		}
		.label-btn{
			background-color: #fff;
			color: #7f8389;
    	border: 1px solid #eee;
    	width: 115*@font-cale;
		}
	}
	//查看图片
	.img-enlarge-bg{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: #191919;
		z-index: 100000;
		text-align: center;
	}
	.img-enlarge{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate3d(-50%, -50%, 0)!important;
		-webkit-transform: translate3d(-50%, -50%, 0)!important;
	}

	//标签样式
	.label{
		border-bottom: 1px solid #ddd;
		padding: 40*@font-cale 30*@font-cale;
		padding-bottom: 10*@font-cale;
		width: 100%;
		overflow: hidden;
		.label-left{
			width: 678*@font-cale;
			height: 100%;
			padding: 20*@font-cale;
			overflow: hidden;
		}
		.label-right{
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			width: 72*@font-cale;
			display: table;
			border-left: 1px solid #ddd;
			vertical-align: middle;
			background-color: inherit;
			a{
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}
		}
		.label-lists{
			font-size: 0;
		}
		.label-list{
			display: inline-block;
			height: 48*@font-cale;
			margin-right: 30*@font-cale;
			margin-bottom: 30*@font-cale;
			line-height: 42*@font-cale;
			font-size: 30*@font-cale;
			padding: 0 20*@font-cale;
			background-color: #d568cc;
			border: 1px solid #d568cc;
			border-radius: 24*@font-cale;
			color: #fff;
		}
	}

	.no-more{
		text-align: center;
		font-size: 20*@font-cale;
		color: #bdbdbd;
		margin-top: 25*@font-cale;
	}
}